//定义store
import { defineStore } from "pinia";
import { ref } from "vue";

/**
 * 第一个参数：名字，唯一性
 * 第二个参数; 函数，函数内部可以自定义的所有内容
 * 
 * 返回值：函数
 */

export const useTokenStore = defineStore('token', () => {
    //定义状态内容

    // 1.响应式变量
    // const token = ref('');
    // const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJjbGFpbXMiOnsiaWQiOjIsInVzZXJuYW1lIjoibGlzaXdhbmcifSwiZXhwIjoxNzEwOTUxMzQxfQ.j4Zzcla8KiotTWHCnJjhQvDmlGli2eP_DYMCD02XmCk';
    const token = ref('');
    // 2.定义一个函数，修改token的值
    const setToken = (newToken) => {
        token.value = newToken;
        console.log('token:' + token);
        console.log('token.value:' + token.value);
    }

    // 3.函数，移除token的值
    const removeToken = () => {
        token.value = '';
    }
    return {
        token, setToken, removeToken
    }

}, {
    persist: true
}
)

export default useTokenStore;
